html,body {
	height: 100%;
}


#main {
	overflow: auto;
	padding-bottom: 50px; /* this needs to be bigger than footer height*/
}


.footer h4 {
		color: #ffffff !important ;
		text-align: center;
}
h2 {
	margin: 0;
	color: #666;
	padding-top: 90px;
	font-size: 52px;
	font-family: "trebuchet ms", sans-serif;
}

.item {
	background: #333;
	text-align: center;
	max-height: 264px !important;
}

.carousel {
	margin-top: 51px;
}

.bs-example {
	margin: 20px;
}

.panel {
	margin-top: 70px;
}

.ng-invalid, .ng-invalid-required {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.ng-invalid:focus, .ng-invalid-required:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}

.tile {
	width: 100%;
	float: left;
	height: auto;
	/*padding: 0px 10px 0px 10px;*/
	margin-bottom: 30px !important;
}

.tile-head {
	width: 100%;
	float: left;
	padding: 5px;
	color: #0086d4;
	text-align: center;
	font-weight: bold !important;
	background: #fff;

}
.tile-head-orange {
	background-color: #e67e22 !important;
}

.tile-head-asfalt {
	background-color: #2c3e50 !important;
}

.tile-head-belize{
	background-color: #2980b9 !important;
}

.tile-head-yellow {
	background-color: #f39c12 !important;
}

.tile-head-default {
	background-color: #f1c40f !important;
}

.tile-body {
	width: 100%;
	float: left;
	font-weight: bold !important;
}

.tile-body p > strong {
	width: 100%;
	float: left !important;
	margin-top: 2px !important;
	height: 30px;
	line-height: 30px;
}

.tile-body p.title {
	font-weight: bold !important;
	font-size: 13px;
	float: left;
	margin-top: 3px;
}

.tile-body a {
	float: left;
	color: #666666;
	text-decoration: none !important;
}

.tile-body a:hover {
	color: #666 !important;
}

.tile-col-border {
	margin-top: 10px;
	float: left;
	/*border-right: 1px solid #7f8c8d !important;*/
	height: 30px;
	line-height: 30px;
}


.tile-col-border p {
	float: left;
	position: relative;
	height: 30px;
	width: 33.33333%;
}

.tile-col-border p.title {
	text-align: right;
}


.tile-col-border p.saibaMais {
	text-align: left;
	font-weight: normal;
	line-height: 35px;
}

.tile-col-border p.valuE {
	width: 33.33333%;
	text-align: center !important;
	font-weight: normal;
	line-height: 35px;
}



.tile-col {
	margin-top: 10px;
	float: left;}

.megaSena {
	color: #27ae60 !important;
}

.quina {
	color: #2980b9 !important;
}

.duplaSena {
	color: #e74c3c !important;
}

.lotoMania {
	color: #e67e22 !important;
}

.lotoFacil {
	color: #9b59b6 !important;
}


.container .jumbotron {
	margin-top: 80px !important;
}




.bs-component {
	width: 100%;
    float: left;
    position: relative;
    margin-bottom: 40px;
	}

.row {
    width: 100%;
    float: left;
    position: relative;
  }

.titleProxSort {
	width: 100%;
	float: left;
	position: relative;
	background: #0086d4;
	color: #fff;
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	text-align: center;
	margin: 0px 0px 10px 0px;
}

.proxSort {
	background: #f5f5f5;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(130, 130, 130, 0.75);
	-moz-box-shadow:    0px 0px 6px 0px rgba(130, 130, 130, 0.75);
	box-shadow:         0px 0px 6px 0px rgba(130, 130, 130, 0.75);
	margin-bottom: 40px;
}

.showJogos, .showJogos ul {
	width: 100%;
	float: left;
	position: relative;
	padding: 0px;
}

.showJogos ul li {
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	background-color: #f5f5f5;
	border-left: 6px solid #ccc;
	list-style: none;
	margin: 14px 7px 0px 7px;
}

.jogoTop, .jogoBot {
	width: 50%;
	float: left;
	position: relative;
	height: auto;
}

.jogoTop h2 {
	font-size: 20px;
	color: #969696;
	float: left;
	position: relative;
	width: 105px !important;
	height: 100%;
	line-height: 58px;
	padding: 0px;
	text-align: center;
}

.jogoTop p {
	margin-left: 10px;
	width: 144px;
	float: left;
	position: relative;
	color: #969696;
	font-size: 14px;
	height: 100%;
	margin-top: 8px;
}

.jogoTop span {
	width: 101px;
	height: 100%;
	float: left;
	position: relative;
	font-size: 20px;
	color: #2b6035;
	line-height: 58px;
	margin-left: 10px;
}

.intForm .row {
width: 100%;
float: left;
position: relative;
}

.jogoBot .jogosBtn {
	padding: 7px 10px 7px 10px;
	font-size: 16px;
	font-weight: bold;
	color:#fff;
	background: #5f50af;
	float: left;
	position: relative;
	margin-right: 9px;
}


.jogoBot .comprarBtn {
	padding: 7px 10px 7px 10px;
	font-size: 16px;
	font-weight: bold;
	color:#fff;
	background: #2b6035;
	float: left;
	position: relative;
	margin-left: 9px;
}

.jogoBot .selectCotas {
width: 80%;
float: left;
position: relative;
}

.footer {
	width: 100%;
	float: left;
	border-top: 15px solid #0086d4;
	background: #eaeaea;
	margin-top: 40px;
}

#wrap {
min-height: 800px;
}

.footer .formaPagamento {
	width: 292px;
	left: 50%;
	float: left;
	position: relative;
	margin-left: -146px;
	text-align: center;
	color: #686868;
	font-size: 16px;
	text-align: center;
	height: 174px;
}

.footer .formaPagamento h3, .footer .formaPagamento  img {
	width: 100%;
	float: left;
	position: relative;
	margin-top: 40px;
}

.footer #rodape {
	width: 100%;
	float: left;
	position: relative;
	height: 60px;
	background: #0086d4;
}

/*.footer #rodape #centerRodape {
	float: left;
	position: relative;
}*/


.footer #rodape #centerRodape span {
	height: 100%;
	line-height: 60px;
	color:#fff;
	font-size: 14px;
	float: left;
	position: relative;
}

.footer #rodape #centerRodape #social, .footer #rodape #centerRodape #social ul {
    width: 154px;
    float: right;
    position: relative;
    height: 100%;
    margin-top: 0px;
}


.footer #rodape #centerRodape #social ul li {
	float: left;
	position: relative;
	width: 57px;
	height: 100%;
	list-style: none;
	display: inline;
}

.btnJogo {
	display: block;
	width: 100%;
}

.btnJogo img {
width: 100%;
height: auto;
}

.btnJogo:hover {
	-webkit-box-shadow: 0px 0px 6px 0px rgba(130, 130, 130, 0.75);
	-moz-box-shadow:    0px 0px 6px 0px rgba(130, 130, 130, 0.75);
	box-shadow:         0px 0px 6px 0px rgba(130, 130, 130, 0.75);
}

.setaJogo {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10.5px 12px 10.5px;
	margin-top: -10px;
	float: left;
	position: absolute;
}

.setaMega {
	border-color: transparent transparent #279c56 transparent;
	margin-left: 50px;
}

.setaQuina {
border-color: transparent transparent #5f50af transparent;
margin-left: 210px;
}

.setaMania {
border-color: transparent transparent #ff9648 transparent;
margin-left: 365px;
}

.setaDupla {
border-color: transparent transparent #bd394e transparent;
margin-left: 518px;
}

.setaFacil {
border-color: transparent transparent #aa42a1 transparent;
margin-left: 670px;
}

.txtJogos {
    padding: 20px;
    color: #fff;
}

.txtMega {
	background: #279c56;
}

.txtQuina {
	background: #5f50af;
}

.txtMania {
	background: #ff9648;
}

.txtDupla {
	background: #bd394e;
}

.txtFacil {
	background: #aa42a1;
}

.acumuLou {
	position: absolute !important;
	float: right !important;
	width: auto !important;
	height: auto !important;
	color: #fff !important;
	background: #ff9000 !important;
	font-size: 11px !important;
	padding: 0px 4px 0px 4px;
	margin: 0px;
	/*display: none;*/
}

.addPlus {
	background: #0086d4;
	position: absolute;
	float: right !important;
	padding: 4px;
	font-size: 14px;
	font-weight: bold;
	color: #fff !important;
	line-height: 12px !important;
	margin-left: -30px !important;
	margin-top: 5px;
}

.addPlus:hover {
	color: #fff !important;
}



@media (min-width: 768px) {

  .row {
    width: 100%;
    float: left;
    position: relative;
  }
  .bs-component {
	width: 100%;
    float: left;
    position: relative;
	}
	.jogoBot .comprarBtn {
margin-left: 10px !important;
}



	.btnJogo img {
		width: 100%;
		height: auto;
	}
.showJogos ul li {
		width: 100%;
		height: auto;
	}
	.jogoTop p {
	margin-left: 10px;
}
.jogoTop span {
	margin-left: 10px;
}
	.jogoBot .selectCotas {
    width: 124px;
    float: left;
	position: relative;
	margin-left: 30px !important;
}
	.jogoBot a {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 9px;
}

}


@media (min-width: 992px) {
	.jogoTop p {
	margin-left: 0px;
}

.jogoTop span {
	margin-left: 0px;
}

	.row {
		width: 100%;
		float: left;
		position: relative;
	}
	.bs-component {
		width: 100%;
		float: left;
		position: relative;
	}


	.btnJogo img {
		width: 100%;
		height: auto;
	}
	.showJogos ul li {
		width: 370px;
		height: auto;
	}
	.jogoTop, .jogoBot {
		width: 100%;
		height: 58px;
	}
	.jogoBot .comprarBtn {
margin-left: 10px !important;
}

	.jogoBot .selectCotas {
    width: 124px;
    float: left;
	position: relative;
	margin-left: 30px !important;
}
	.jogoBot a {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 9px;
}
}


@media (min-width: 1200px) {
	.jogoTop p {
	margin-left: 0px;
}


.jogoTop span {
	margin-left: 0px;
}

	.row {
		width: 451px;
		float: right;
		position: relative;
	}
	.bs-component {
		width: 770px;
		float: left;
		position: relative;
	}

	.jogoBot .jogosBtn {
		margin-left: 10px !important;
	}

	.btnJogo {
		display: block;
		width: 129px;
	}

	.showJogos ul li {
		width: 370px;
		height: auto;
	}

	.jogoTop, .jogoBot {
		width: 100%;
		height: 58px;
	}

	.jogoBot .comprarBtn {
margin-left: 10px !important;
}

	.jogoBot .selectCotas {
    width: 124px;
    float: left;
	position: relative;
	margin-left: 15px !important;
}

	.jogoBot a {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 9px;
}




	/*.footer #rodape #centerRodape {
		float: left;
		position: relative;
	}*/
}


.jogoBot a {
margin-top: 10px;
float: left;
margin-bottom: 10px;
margin-left: 0px !important;
}


.jogoBot .selectCotas {
margin-top: 8px;
}

.premiosDist {
	width: 100%;
	float: left;
	position: relative;
	text-align: center;
	color:#3d8c4c;
	font-size: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}


.intCont {
	width: 96%;
	padding-top: 20px;
	padding-bottom:20px;
	margin-left: 2%;
	float: left;
	position: relative;
	-webkit-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 0px 9px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 0px 9px 0px rgba(50, 50, 50, 0.5);
	background: #fff;
}

.intCont h1 {
	width: 96%;
	margin-left: 2%;
	float: left;
	position: relative;
	color: #0086d4;
	font-size: 20px;
	margin-bottom: 25px;
}

.intCont p {
	width: 96%;
	margin-left: 2%;
	float: left;
	position: relative;
	margin-bottom: 10px;
}


.menuUser {
	background: #22acff;
	padding: 5px 10px 5px 10px !important;
	color: #fff !important;
	-webkit-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 0px 9px 0px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 0px 9px 0px rgba(50, 50, 50, 0.3);
	margin-top: 10px;
}


.comoFun {
	width: 1146px;
	float: left;
	position: relative;
	left: 50%;
	margin-left: -573px;
	height: 600px;
	margin-top: 50px;
}

#funciona {
	background: url('../../img/bg-comoFun.png') top center no-repeat;
	width: 100%;
	float: left;
	position: relative;
}

#funciona ul li {
	margin-left: 30px;
}


#funciona ul li:first-child {
	margin-left: 0px;
}


.funcionaAssim {
	display: inline;
	float: left;
	position: relative;
	list-style:none;
	width: 129px;
	height: 110px;
}

.funcionaAssim .clickFun {
	float: left;
	position: relative;
	width: 129px;
	height: 110px;
	display: block;
	cursor: pointer;
	transition: all 0.5s ease;

}

.funcionaAssim .clickFun:hover {
	-webkit-box-shadow: 0px 0px 12px 0px rgba(50, 55, 50, 0.5);
	-moz-box-shadow:    0px 0px 12px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 0px 12px 0px rgba(50, 50, 50, 0.5);
}


.clearAll {
	float: left;
	position: relative;
	width: 100%;
	height: 1px;
	background: transparent;
}


.centra {
text-align: center;
}


.funcionaAssim .showContentFun {
	position: absolute;
	width: 1051px;
	padding: 20px;
	margin-top: 140px;
	background: #f5f5f5;
	-webkit-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 0px 9px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 0px 9px 0px rgba(50, 50, 50, 0.5);
	transition: all 1s ease;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
	z-index: 5;
}


.showContentFun:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}


.showContentFun:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #f5f5f5;
	border-width: 22px;
	margin-left: -480px;
}

h2 {
	font-size: 16px !important;
	margin: 0px 0px 20px 0px !important;
	color: #696969 !important;
	width: 100% !important;
	padding: 0px !important;
	font-weight: bold;
}

.aparece {
	display: block !important;
	-moz-opacity: 1 !important;
	-khtml-opacity: 1 !important;
	opacity: 1 !important;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100) !important;
	z-index: 9 !important;
}


.contentFun1 {
margin-left: 14px;
}


.contentFun2 {
	margin-left: -145px;
}

.contentFun2:before {
	margin-left: -323px;
}


.contentFun3 {
	margin-left: -304px;
}

.contentFun3:before {
	margin-left: -163px;
}

.contentFun4 {
	margin-left: -463px;
}

.contentFun4:before {
	margin-left: -5px;
}

.contentFun5 {
	margin-left: -622px;
}

.contentFun5:before {
	margin-left: 155px;
}

.contentFun6 {
	margin-left: -781px;
}

.contentFun6:before {
	margin-left: 312px;
}

.contentFun7 {
	margin-left: -940px;
}

.contentFun7:before {
	margin-left: 470px;
}

.comoFun h1 {
color: #0086d4;
text-align: center;
margin-bottom: 40px;
}



.table thead tr th a img {
width: auto;
max-width: 100%;
height: auto;
max-height: 100%;
}


.table thead tr th a {
	width: 100%;
	height: auto;
	display: block;
}


.form-horizontal {
padding-top: 30px;
}

.jogoEsq {
float: left;
position: relative;
width: 350px;
}

.jogoIndica {
float: left;
width: 14px;
background: #000;
height: 116px;
position: relative;
OVERFLOW: hidden;
}


.jogoIndica span {
background: #000;
float: left;
width: 100%;
height: 100%;
display: block;
}